<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>{{courseName}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div class="list">
    <ul>
      <li (click)="teacheradd()" class="bg-1">
        加入课程
      </li>
      <li (click)="sendMessageToServer()" class="bg-2">
        {{teaching_status}}
      </li>
      <li class="bg-1" (click)="sign()">
        {{signstat}}
      </li>
      <li class="bg-2" (click)="showSource()">
        习题资源
      </li>
      <li class="bg-1" (click)="barrage()">
        弹幕
      </li>
      <li class="bg-2" (click)="randomcall()">
        随机提问
      </li>
      <li class="bg-1" (click)="studentadd()">
        新增学生
      </li>
      <li class="bg-2">
        预习情况
      </li>
      <li class="bg-1">
        作业情况
      </li>
    </ul>
  </div>
</ion-content>
<div *ngIf="poptime" style="position: fixed;top:0;left:0;right:0;bottom: 0;background: rgba(0,0,0,0.2);z-index: 99;">
  <div style="position: fixed;width: 248px;height: 200px;background: #fff;top:24%;left: 50%;margin-left: -124px;color: #fff;border: 8px solid #aaa;border-radius: 8px;">
    <div style="text-align:center;font-size:16px;padding: 14px 0;background: #CD0000;">设置课后作业回收时间</div>
    <div style="margin:25px 0;">
      <input disabled type="text" style="width: 160px;float: left;height: 35px;color: #000;margin-left: 17px;padding-left:18px;" [(ngModel)]="this.ptime">

      <ion-item style="width:50px;">
        <ion-label style="color: #333;margin-right: -28px;font-size: 38px;margin-top: 4px;position: relative;left: 1px;">
          <ion-icon ios="ios-calendar-outline" md="md-calendar"></ion-icon>
        </ion-label>
        <ion-datetime minuteValues="0,5,10,15,20,25,30,35,40,45,50,55" (ngModelChange)="changeDate($event)" displayFormat="YYYY-MM-DD HH:mm" [(ngModel)]="this.StartDate"></ion-datetime>
      </ion-item>
    </div>
    <div class="timet" (click)="maketime()">
      确定
    </div>
  </div>
</div>
<ion-footer>
  <page-control [classcourseId]=classCourseId [unitId]=unitId></page-control>
</ion-footer>
